window.onload=function(){
    setFont();
  
  
    // 为方便调试 屏幕的宽度改变事件
    window.onresize=function(){
      setFont();
    }
  
  
    function setFont(){
      //  要计算的字体大小 =   基础值 * 要适配的屏幕的宽度 /   设计稿的宽度
  
  
      // 1 基础值
      var baseVal=100;
      // 2 设计稿的宽度 640px
      var pageWidth=640;
      // 3 要适配的屏幕的宽度 = 当前屏幕的宽度 
      var screenWidth=document.querySelector("html").offsetWidth;
  
  
      // 4 要动态设置的html的字体大小
      var fs= baseVal *  screenWidth / pageWidth;
  
  
      // 5 把字体设置到 html标签中
      document.querySelector("html").style.fontSize=fs+"px";
    }
  }